<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>酒店</title>
    <link rel="stylesheet" href="../lib/css/frozen.css">
    <link rel="stylesheet" href="../lib/css/font-awesome.css">
    <link rel="stylesheet" href="../communal/css/style-lmh.css"/>
</head>
<body ontouchmove="return false;">
<!--头部-->
<header class="ui-header ui-header-positive ui-border-b " style="background-color: #29AD7B;">
    <div class="tou1-lmh my-nav">
        <span>首页</span>
        <span>目的地</span>
        <span class="active">酒店</span>
        <span>社区</span>
    </div>
    <div class="tou2-lmh">
        <span>
         <i class="fa fa-user-circle-o" aria-hidden="true"></i> <i class="loginlocal">我的</i>
        </span>
    </div>
</header>
<!--底部-->
<!--<footer class="ui-footer ui-footer-btn  ui-btn-group ui-footer-stable db-lmh">-->
<!--<footer class="ui-footer ui-footer-stable ui-border-t">-->
<!--<ul class="ui-tiled  my-menu-lmh">-->
<!--<li><div class="my-menu">手机版</div></li>-->
<!--<li><div class="my-menu">电脑版</div></li>-->
<!--<li><div class="my-menu">APP</div></li>-->
<!--</ul>-->
<!--</footer>-->
<!--</footer>-->

<section class="ui-container">
    <div class="ui-selector-content  my-scroller ui-scroller" style="display:block">
        <div style="background-color: #EFEFEF">
            <!-- -------------------------------内容------------------------------------------------------->

            <!--搜索框-->


            <div class="ui-searchbar-wrap ui-border-b">
                <div class="ui-searchbar ui-border-radius">
                    <i class="ui-icon-search"></i>
                    <div class="ui-searchbar-text">搜索成都各地区酒店</div>
                    <div class="ui-searchbar-input"><input value="" type="tel" placeholder="武侯区/金牛区/锦江区" autocapitalize="off"></div>
                    <!--<i class="ui-icon-close"></i>-->
                </div>
                <button class="ui-searchbar-cancel">取消</button>
            </div>

            <div class="div_3_lmh">
                <span>- -热 门 推 荐- -</span>
            </div>
<!--武侯区酒店-->
            <div class="jd_1">
                <div class="div_4_lmh">
                    <div class="div_5_lmh">
                        <p class="p_1_lmh">武侯区</p>
                        <p class="p_2_lmh">100家住宿</p>
                    </div>
                    <div class="div_6_lmh">
                        <i class="fa fa-chevron-right fa-2x" aria-hidden="true"></i>
                    </div>
                </div>
            </div>


    <!--高新区酒店  -->
            <div>
                <div class="div_7_lmh">
                    <div class="div_5_lmh">
                        <p class="p_1_lmh">高新区</p>
                        <p class="p_2_lmh">100家住宿</p>
                    </div>
                    <div class="div_6_lmh">
                        <i class="fa fa-chevron-right fa-2x" aria-hidden="true"></i>
                    </div>
                </div>
            </div>


    <!--锦江区酒店-->
            <div>
                <div class="div_8_lmh">
                    <div class="div_5_lmh">
                        <p class="p_1_lmh">锦江区</p>
                        <p class="p_2_lmh">100家住宿</p>
                    </div>
                    <div class="div_6_lmh">
                        <i class="fa fa-chevron-right fa-2x" aria-hidden="true"></i>
                    </div>
                </div>
            </div>


    <!--青羊区酒店-->
            <div>
                <div class="div_9_lmh">
                    <div class="div_5_lmh">
                        <p class="p_1_lmh">青羊区</p>
                        <p class="p_2_lmh">100家住宿</p>
                    </div>
                    <div class="div_6_lmh">
                        <i class="fa fa-chevron-right fa-2x" aria-hidden="true"></i>
                    </div>
                </div>
            </div>


    <!--双流区酒店-->
            <div>
                <div class="div_10_lmh">
                    <div class="div_5_lmh">
                        <p class="p_1_lmh">双流区</p>
                        <p class="p_2_lmh">100家住宿</p>
                    </div>
                    <div class="div_6_lmh">
                        <i class="fa fa-chevron-right fa-2x" aria-hidden="true"></i>
                    </div>
                </div>
            </div>


    <!--龙泉驿区酒店-->
            <div>
                <div class="div_11_lmh">
                    <div class="div_5_lmh">
                        <p class="p_1_lmh">龙泉驿区</p>
                        <p class="p_2_lmh">100家住宿</p>
                    </div>
                    <div class="div_6_lmh">
                        <i class="fa fa-chevron-right fa-2x" aria-hidden="true"></i>
                    </div>
                </div>

            </div>

            <!-- -------------------------------内容------------------------------------------------------->
        </div>
    </div>
</section>

<script src="../lib/js/zepto.min.v1.1.6.js"></script>
<script src="../lib/js/zepto.toch.js"></script>
<script src="../lib/js/frozen.js"></script>
<script type="text/javascript">


    $(function(){
        var scroll = new fz.Scroll('.ui-scroller', {
            scrollY: true,
            bounce:true
        });

        $(".ui-scroller")[0].ontouchend=function() {
            var s = scroll.getComputedPosition();
            scroll.refresh();
        };

        //    登录状态------------------------------------------------
        var touchNum = $(".loginlocal");
//        加载页面时的判断
        touchNum.on('touchstart',function(){
            if(localStorage.length ==1){
                location.href='../../html/userinfo.html';
            }else{
                alert("未登录，请先登录");
                location.href='../../html/login.html';
            }
        });
//        加载时刷新

//加载页面后判断localStorage
        if(localStorage.length==1){
            console.log(localStorage);
            $(".loginlocal").text(localStorage.name);
        }else{
            console.log("没有用户");
        }


//        头部跳转---------------------------------
        $('.my-nav > span').on("tap",function(){
            $('.my-nav > span').removeClass('active');
            $(this).addClass('active');
        });


//        底部跳转----------------------------------
        $('.tou1-lmh > span').eq(0).on("tap",function(){
            window.location.href = "index-lmh.html";
        });

        $('.tou1-lmh > span').eq(1).on("tap",function(){
            window.location.href = "mudidi-lcy.html";
        });
        $('.tou1-lmh > span').eq(2).on("tap",function(){
            window.location.href = "Hotel-lmh.html";
        });
        $('.tou1-lmh > span').eq(3).on("tap",function(){
            window.location.href = "../communal/html/chat_Phone.html";
        });


//        酒店跳转---------------------------------------
        $('.jd_1').on("tap",function(){
            window.location.href = "tavern-lmh.html";
        });


//搜索框--------------------------------------------
        $('.ui-searchbar').tap(function(){
            $('.ui-searchbar-wrap').addClass('focus');
            $('.ui-searchbar-input input').focus();
        });
        $('.ui-searchbar-cancel').tap(function(){
            $('.ui-searchbar-wrap').removeClass('focus');
        });



    });




</script>
</body>
</html>